%html
  %body
    %div
      .flowchart-details
        .row
          .col-md-12.communicate-flowchart-details.flowchart-item-details
            .wrapper
              .row
                .col-md-5
                  %a{href: "livehangout.html"}
                    .hangout
                      %span.hangout-title البرزه القادمة
                      %span.hangout-paragraph
                        د/خالد فهمي
                        %br/
                        وزير التعليم العالى و البحث العلمى
                        %br>/
                        وتمت مناقشه مبادرة تطويرالاشغال العامة بدبى
                      %span.hangout-img
                        = image_tag 'profilePic.jpg'
                .col-md-1.flowchart-items-separator
                  = image_tag "flowchart-items-separator.png"
                .col-md-4
                  %a{href: "hangout.html"}
                    .hangout
                      %span.hangout-title البرزة الماضيه
                      %span.hangout-paragraph
                        عادل لبيب
                        %br>/
                        وزير التنمية المحلية
                        %br/
                        تطوير مباني الخدمات الحكومية
                      %span.hangout-img
                        = image_tag "profilePic.jpg"
      / //-----------left sidebar---------//
      .row
        .col-md-12
          .wrapper
            .row
              .col-md-9
                .row
                  .col-md-12
                    .inner_menu
                      .main_title البرزات الماضية
                      .top-causes-separetor
                      .main_title.active_title البرزات القادمة
                - @initiatives.each do |initiative|
                  .row.hangout-main-block
                    .col-md-12
                      %a{href: "/hangouts/show"}
                        .hangout-block
                          .row.padding-bottom
                            .col-md-4.date-time
                              .date-wrapper
                                .green-font.bold يوم الخميس الموافق
                                .green-font.bold 11/8/2014
                              %img.calendar-icon/
                            .col-md-6
                              .timeline-item-supporter
                                .green-font.timeline-item-supporter-title
                                  عادل لبيب
                                .green-font.timeline-item-supporter-sub-title
                                  وزير التنمية المحلية
                            .col-md-2
                              .timeline-item-supporter-img
                                %img{src: ""}/
                          .row.hangout-block-separator
                            .hangout-block-title.green-font
                              ومناقشة المبادرات التالية
                          .row
                            .col-md-12
                              .row.padding-bottom.padding
                                .col-md-9
                                  .col-md-12
                                    .box-count
                                      %span.gray-text  
                                        يوم متبقي
                                        = (45 - ((Time.now - initiative.created_at) / (3600*24)).round)
                                      %br
                                      %span.green-font.title-font 
                                        = initiative.users.length
                                      %br
                                      %span.green-font شخص دعم المبادرة
                                    .col-md-6.box-content
                                      .box-title
                                        .title-font.green-font.title-font
                                          #{link_to(initiative.title[0, 40], {:controller =>'hangouts',:action => 'show', :id => initiative.id  })}
               
                                        %div
                                          مبارده في
                                          #{link_to(initiative.sector.name, {:controller => 'initiatives' ,:action => "list", :sector_name => initiative.sector.name})}
                                          \- بإمارة
                                          #{link_to(initiative.region.name, {:controller => 'initiatives' ,:action => "list", :region_name => initiative.region.name})}
                                  .col-md-12.padding
                                    .box-content-paragraph
                                      %span
                                        #{initiative.description[0, 130].html_safe}
                                      #{link_to("....المزيد", {:action => 'show', :id => initiative.id  })}
                                .col-md-3.box-img
                                  = image_tag initiative.image.url

                .row
                  .col-md-3
                  .col-md-8.padding-bottom.float-left
                    .digg_pagination
                      = will_paginate @initiatives, inner_window: 1, :container => true, :next_label => ">", :previous_label => "<"
              .col-md-3
                .row
                  .col-md-12
                    .upcoming-hangouts
                      .main_title اجتماعات  قادمة
                      %img.home-calendar
                      = image_tag "calendar.png"
                      / THIS IS A PLUG IN
                .right-side-menu
                  .row
                    .col-md-12
                      .inner_menu
                        .main_title.active_title الاقسام
                  - @sectors.each do |sector|
                    .row.right-side-menu-item.gray-font
                      .col-md-12.gray-font
                                         
                        #{link_to(sector.name, {:controller => 'initiatives' ,:action => "list", :sector_name => sector.name})}
                  
